@charset "utf-8";
/*!
 * Mixins
 */

/*!
 * @-webkit-keyframes slidein {
 *   from {
 *     transform: translate3d(0,100%,0);
 *   }
 *   to {
 *     transform: translate3d(0, 0, 0);
 *   }
 * }
 * @-webkit-keyframes slideout {
 *   from {
 *     transform: translate3d(0, 0,0);
 *   }
 *   to {
 *     transform: translate3d(0, 100%, 0);
 *   }
 * }
 * @-webkit-keyframes shake {
 *   0%,100% {
 *     -webkit-transform: translate3d(0,0,0);
 *     transform: translate3d(0,0,0)
 *   }
 * 
 *   12.5%,37.5%,62.5% {
 *     -webkit-transform: translate3d(-10px,0,0);
 *     transform: translate3d(-10px,0,0)
 *   }
 * 
 *   25%,50%,75.5% {
 *     -webkit-transform: translate3d(10px,0,0);
 *     transform: translate3d(10px,0,0)
 *   }
 * }
 * 
 * @keyframes shake {
 *   0%,100% {
 *     -webkit-transform: translate3d(0,0,0);
 *     transform: translate3d(0,0,0)
 *   }
 * 
 *   12.5%,37.5%,62.5% {
 *     -webkit-transform: translate3d(-10px,0,0);
 *     transform: translate3d(-10px,0,0)
 *   }
 * 
 *   25%,50%,75.5% {
 *     -webkit-transform: translate3d(10px,0,0);
 *     transform: translate3d(10px,0,0)
 *   }
 * }
 * .slidein,.slideout{
 *   @each $prefix in '-webkit-','-moz-','' {
 *     #{$prefix}animation-duration: 0.5s;
 *     #{$prefix}animation-iteration-count: 1;
 *   }
 *   -webkit-backface-visibility: hidden;
 *   backface-visibility: hidden;
 * }
 * .slidein {
 *   @each $prefix in '-webkit-','-moz-','' {
 *     #{$prefix}animation-name: slidein;
 *     #{$prefix}animation-direction: alternate;
 *   }
 * }
 * .slideout{
 *   @each $prefix in '-webkit-','-moz-','' {
 *     #{$prefix}animation-name: slideout;
 *   }
 * }
 * .shake {
 *   -webkit-animation-name: shake;
 *   animation-name: shake;
 *   -webkit-animation-duration: 1s;
 *   animation-duration: 1s;
 *   -webkit-animation-fill-mode: both;
 *   animation-fill-mode: both;
 * }
 */